<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../找房无忧.css/首页.css">
</head>

<body>
    <div class="top">
        <div class="top-div"><img src="../image/index/logo.jpg" class="top-img1"></div>
        <div class="top-div1"><img src="../image/index/my.jpg" class="top-img2">
            <img src="../image/index/xiazai.jpg" class="top-img3">
        </div>
    </div>
    <div class="main"><img src="../image/index/banner.png" alt="">
        <input type="text" placeholder="输入小区或商圈名开始找房咯！">
    </div>
    <div class="nav">
        <div class="nav-div"> <img src="../image/index/index_03.png">
            <div>二手房</div>
        </div>
        <div class="nav-div"><img src="../image/index/index_05.png">
            <div>新房</div>
        </div>
        <div class="nav-div"><img src="../image/index/index_07.png">
            <div>租房</div>
        </div>
        <div class="nav-div"><img src="../image/index/index_09.png">
            <div>卖房</div>
        </div>
    </div>
    <img src="../image/index/banner2.png" alt="" class="banner2">
    <div class="hot">
        <p>热门房源</p>
        <p>Hot house</p>
    </div>
    <div class="house">
        <div class="house-div">
            <div class="house-div1"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="house-div2">
                <div>
                    <h2>光华部中间 一层带...</h2>
                    <p>2室1厅96m²南北 <span>1105万</span> </p>
                    <p>光大水墨 <span>14268元/平</span> </p>
                    <p>学区房 &nbsp; 独家</p>
                </div>
            </div>
        </div>
        <div class="house-div">
            <div class="house-div1"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="house-div2">
                <div>
                    <h2>光华部中间 一层带...</h2>
                    <p>2室1厅96m²南北 <span>1105万</span> </p>
                    <p>光大水墨 <span>14268元/平</span> </p>
                    <p>学区房 &nbsp; 独家</p>
                </div>
            </div>
        </div>
        <div class="house-div3 house-div">
            <div class="house-div1"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="house-div2">
                <div>
                    <h2>光华部中间 一层带...</h2>
                    <p>2室1厅96m²南北 <span>1105万</span> </p>
                    <p>光大水墨 <span>14268元/平</span> </p>
                    <p>学区房 &nbsp; 独家</p>
                </div>
            </div>
        </div>
    </div>
    <div class="follower">
        <div class="follower1">热门关注</div>
        <div class="follower2">友情链接</div>
    </div>
    <div class="bj">
        <ul><li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
            <li>北京二手房</li>
        </ul>
    </div>
    <div class="bottom">
        <div>北京找房无忧网>首页</div>
        <div> 
            <div class="bottom-left"> 
                <div></div>
                <div>
                    <img src="../image/index/apple.png" alt="">
                    <div class="apple-right"> iphone 客户端</div>
                </div>
               
            </div>
            <div class="bottom-right"> 
                <div>
                    <img src="../image/index/android.png" alt="">
                    <div class="android-right"> android 客户端</div>
                </div>
                <div></div>
           </div>
         </div>
         <div>北京找房无忧房地产经纪有限公司</div>
         <div> 网络经许可证京ICP备20160812号-12</div>
    </div>
</body>
<script>
    window.onload = function () {
        var html = document.documentElement;
        var wid = html.clientWidth; // 实际屏幕宽度
        var widS = 375;// 标准值
        // 需要计算出来一个缩放系数，当屏幕比较大时整个页面等比例放大；当设备比较小时就等比例缩小
        var ratio = wid / 375;
        html.style.fontSize = (ratio * 100) + 'px';
    }
    window.addEventListener('resize', function () {
        // 防抖截流--不需要实时响应用户的操作
        var html = document.documentElement;
        var wid = html.clientWidth; // 实际屏幕宽度
        var widS = 375;// 标准值
        // 需要计算出来一个缩放系数，当屏幕比较大时整个页面等比例放大；当设备比较小时就等比例缩小
        var ratio = wid / 375;
        html.style.fontSize = (ratio * 100) + 'px';
    })
</script>

</html>